<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=\, initial-scale=1.0">
    <title>Document</title>
</head>
<body class="dpflex  fdcolumn">
   <main class="main flex1">
    <video  id="video" src="http://fitness.h5.itsource.cn:3701/course/part1.mp4"  controls></video>
 <div class="video-box">
    <p class="f60 bold">
        <span id="curSection">1</span>/<span id="allSection">4</span>
    </p>
    <p class="f18" id="videoTitle">
        
    </p>
 </div>

</main>
    <section class="btn-group">
        <span  id="prevBtn" class="iconfont  icon-fanhui1"></span>
        <span id="pauseBtn" class="iconfont  icon-jieshu"></span>
        <span id="nextBtn" class="iconfont  icon-qianjin"></span>
        <div class="progress"></div>
    </section>
   
    <!-- 蒙层 -->
    <section class="mask ">
        <p id="slogan">只要肯攀登，不怕有心人</p>
        <div class="mask-box">

            <div id="continue">
                <span  class="iconfont  icon-jixu"></span>
                继续播放
            </div>
            <div id="over">
                <span  class="iconfont  icon-jieshu"></span>
                停止播放
            </div>
        </div>
    </section>
</body>
</html>